<template>
    <div>
        <el-form class="viewForm" label-width="120px">
                    <el-col :span="12">
                        <el-form-item label="客户名称">
                            <div v-html="viewModel.name"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="完整手机号">
                            <div v-html="viewModel.phone"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="用户标签">
                            <div v-html="viewModel.customerLabelName"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="标签转化时间">
                            <div v-html="viewModel.labelUpdatedDate"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="商户">
                            <div v-html="viewModel.shopName"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="分配商户">
                            <div v-html="viewModel.assignedShopName"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="分组">
                            <div v-html="viewModel.customerGroupName"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="缴费来源">
                            <div v-html="viewModel.fromFee"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="推广人名称">
                            <div v-html="viewModel.channelName"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="推广人ID">
                            <div v-html="viewModel.channelId"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="企业渠道ID">
                            <div v-html="viewModel.enterpriseChannel"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="备注">
                            <div v-html="viewModel.comment"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="换电次数">
                            <div v-html="viewModel.swapTotal"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="首次取电时间">
                            <div v-html="viewModel.firstRentDate"></div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="到期时间">
                            <div v-html="viewModel.expiredDate"></div>
                        </el-form-item>
                    </el-col>
        </el-form>
    </div>
</template>

<script>
    import common from "@/mixins/common.js";

    export default {
        name: "customer_view",
        mixins: [common],
        data() {
            return {
                viewModel: {},
                activeIndex: "1"
            }
        },
        async mounted() {
            let id = this.$route.query.id;
            let data = {};
            data.id = id;
            let res = await this.$http.form("/customer/view", data);
            if (res.code === 200) {
                this.viewModel = res.data;
            }
        }
    }
</script>

<style scoped>

</style>